<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>知酷移动端首页</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<script type="text/javascript" src="js/rem.js"></script>
		<link rel="stylesheet" href="css/index.css" />
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/css/swiper.min.css">
	</head>
	<body>
		<div class="page">
			<header>
				<div class="logo-fix">
					<a href="index.html">
						<img src="img/index/zhiku-logo.png" alt="" />
					</a>
				</div>
				<div id="nav-icon" class="nav-icon"></div>
				<div class="nav">
					<ul>
						<li class="act"><a href="index.html">首页</a></li>
						<li><a href="ourservice.html">服务</a></li>
						<li><a href="case.html">案例</a></li>
						<li><a href="viewpoint.html">观点</a></li>
						<li><a href="team.html">团队</a></li>
						<li><a href="join_us.html">招聘</a></li>
						<li><a href="cooperation.html">合作</a></li>
					</ul>
				</div>
			</header>
			<div class="content">
				<div class="swiper-container">
					<div class="swiper-wrapper">
					    <div class="swiper-slide"><img src="img/index/1.png"/></div>
					    <div class="swiper-slide"><img src="img/index/2.png"/></div>
					    <div class="swiper-slide"><img src="img/index/3.png"/></div>
					    <div class="swiper-slide"><img src="img/index/4.png"/></div>
					</div>
					<div class="swiper-pagination"></div>
					<div class="swiper-button-next swiper-button-white"></div>
					<div class="swiper-button-prev swiper-button-white"></div>
				</div>
				<div class="brand-case">
					<div class="title">
						<h2>brand case</h2>
						<div class="line"></div>
						<h3>品牌案例</h3>
					</div>
					<div class="brand-logo clearfix">
						<div><a href="case_yangsen.html"><img src="img/index/logo1.png" alt="" /></a></div>
						<div><a href="case_yingshu.html"><img src="img/index/logo2.png" alt="" /></a></div>
						<div><img src="img/index/logo3.png" alt="" /></div>
						<div><img src="img/index/logo4.png" alt="" /></div>
						<div><img src="img/index/logo5.png" alt="" /></div>
						<div><img src="img/index/logo6.png" alt="" /></div>
						<div><img src="img/index/logo7.png" alt="" /></div>
						<div><img src="img/index/logo8.png" alt="" /></div>
					</div>
					<a href="case.html" class="read-more button">read more</a>
				</div>
				<div class="ourservice">
					<div class="title">
						<h2>our service</h2>
						<div class="line"></div>
						<h3>知酷服务</h3>
					</div>
					<div class="service-content">
						<div>
							<a href="ourservice.html#operational-planning">
								<h3>运营策划</h3>
								<p>Operational planning</p>
							</a>
						</div>
						<div>
							<a href="ourservice.html#brand-planning">
								<h3>品牌策划</h3>
								<p>BRAND PLANNING</p>
							</a>
						</div>
						<div>
							<a href="ourservice.html#new-media">
								<h3>新媒体矩阵</h3>
								<p>MARTRIX OF NEW MEDIA</p>
							</a>
						</div>
						<div>
							<a href="ourservice.html#visual-communication">
								<h3>视觉传播</h3>
								<p>VISUAL COMMUNICATION</p>
							</a>
						</div>
						<div>
							<a href="ourservice.html#educational-training">
								<h3>教育培训</h3>
								<p>EDUCATIONAL TRAINING</p>
							</a>
						</div>
					</div>
				</div>
				<div class="news">
					<div class="title">
						<h2>NEWS</h2>
						<div class="line"></div>
						<h3>新闻精选</h3>
					</div>
					<div class="news-content-list">
						<div class="news-item">
							<h4>牛人大咖汇聚知酷畅谈产品思维</h4>
							<p class="time">2018-04-17</p>
							<div class="imgfix">
								<img src="img/index/5.png" alt="" />
							</div>
							<p class="info">到底什么是真正的产品思维，产品思维又为什么重要，产品思维和创新之间是什么样的关系，产品思维会对非互联网化的产品产生什么样的影响，如何用产品思维来解决不同维度的冲突？</p>
							<a href="news.html" class="button">read more</a>
						</div>
						<div class="news-item">
							<h4>三年实现三大跨越——知酷乔迁了！</h4>
							<p class="time">2018-04-11</p>
							<div class="imgfix">
								<img src="img/index/6.png" alt="" />
							</div>
							<p class="info">4月11日，广州知酷文化传播有限公司搬迁了！从成立之初的10余人，到今天超过50人，从开始的200平米办公区，到如今的800平米办公室，随着知酷影响力日益提升，员工在不断的壮大，为了能给团队成员创造一个良好的工作环境和发展平台，知酷从年初开始筛选新的办公地点，最终确定有“Office in park”理念的天河智汇Park创意园作为知酷发展的新地点。</p>
							<a href="news.html" class="button">read more</a>
						</div>
						<div class="news-item">
							<h4>重磅！第五期私享会盘点来啦</h4>
							<p class="time">2017-11-23</p>
							<div class="imgfix">
								<img src="img/index/7.png" alt="" />
							</div>
							<p class="info">知酷第五期私享会——《微商崛起》于昨日在知酷公司顺利落下帷幕，感谢来参加本次会议的私享会童鞋们，祝愿大家事业顺心，毕竟未来属于爱学习的人，大家能在百忙之中抽空参加本次私享会，必然有一颗热爱学习的心！</p>
							<a href="news.html" class="button">read more</a>
						</div>
					</div>
				</div>
			</div>
			<footer>
				<div class="wrap">
					<div class="qr-code">
						<img src="img/index/8.png" alt="" />
					</div>
					<div class="des">知酷孙茂林</div>
				</div>
				<div class="beian">
					<p>地址：广州市天河区元岗路310号智汇Park创意产业园E座1楼</p>
					<p>电话：400-806-9128 ; 020-37260381  邮箱：pxl@zhiqoo.com</p>
					<p>Copyright © 2008-2015 广州知酷文化传播有限公司 粤ICP备16049013号-1</p>
				</div>
			</footer>
		</div>
		<script type="text/javascript" src="js/common.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/js/swiper.min.js"></script>
		<script>
			var mySwiper = new Swiper('.swiper-container', {
				autoplay: true,//可选选项，自动滑动
				pagination: {
				   el: '.swiper-pagination',
				},
				navigation: {
				   nextEl: '.swiper-button-next',
				   prevEl: '.swiper-button-prev',
				},
				observer:true,
				autoplayDisableOnInteraction : false,
			})
			navSwitch()
		</script>
	</body>
</html>
